<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/H-ui.reset.css">
    <link rel="stylesheet" href="../css/H-ui.min.css">
    <link rel="stylesheet" href="../css/H-ui.ie.css">
    <link rel="stylesheet" href="../css/page-css/page-home.css">
    <style>
        .main-content-right {
            background: none;
        }
    </style>
</head>

<body>
    <div class="long-ji-main-content">
        <div class="main-content-left f-l w-300 pos-r ">
            <div class="arrow-t-l arrow-t"></div>
            <div class="arrow-t-r arrow-t"></div>
            <div class="arrow-b-l arrow-t"></div>
            <div class="arrow-b-r arrow-t"></div>
            <div class="main-content-left-nav">
                <div class="left-nav-search pos-r pl-10 f-16 color-white">
                    西安站点
                </div>
                <div class="long-ji-company-name">

                </div>
                <div class="main-tree mt-10">
                    <div id="menuTree" class="menuTree"></div>
                </div>
            </div>

        </div>
        <div class="main-content-right f-l ml-20 main-common">
            <div class="pos-r index-content-header">
                <div>
                    <div class="border-text-index">能量输入</div>
                    <div class="flex-between-center mt-15">
                        <img src="../images/system/pic_12.png" alt="">
                        <img src="../images/system/pic_13.png" alt="">
                    </div>
                </div>
                <div class="arrow-right">
                    <img src="../images/system/pic_07.png" alt="">
                </div>

                <div>
                    <div class="border-text-index">一体化控制机</div>
                    <div class="flex-between-center mt-15">
                        <img src="../images/system/pic_12.png" alt="">
                        <img src="../images/system/pic_13.png" alt="">
                    </div>
                </div>
                <div class="arrow-right">
                    <img src="../images/system/pic_07.png" alt="">
                </div>

                <div>
                    <div class="border-text-index">能量输出</div>
                    <div class="flex-between-center mt-15">
                        <img src="../images/system/pic_12.png" alt="">
                        <img src="../images/system/pic_13.png" alt="">
                    </div>
                </div>
            </div>
            <div class="pos-r flex-between-center">
                <div class="">
                    <div class="index-content-left">
                        <div class="content-left-text">
                            太阳能电池
                        </div>
                        <div class="content-left-img text-c">
                            <img src="../images/system/pic_10.png" alt="" class="mt-20">
                        </div>
                    </div>
                    <div class="index-content-left">
                        <div class="content-left-text">
                            风力发电机
                        </div>
                        <div class="content-left-img text-c">
                            <img src="../images/system/pic_04.png" alt="">
                        </div>
                    </div>
                    <div class="index-content-left">
                        <div class="content-left-text">
                            油机
                        </div>
                        <div class="content-left-img text-c">
                            <img src="../images/system/pic_14.png" alt="">
                        </div>
                    </div>
                    <div class="index-content-left">
                        <div class="content-left-text">
                            市电
                        </div>
                        <div class="content-left-img text-c">
                            <img src="../images/system/pic_09.png" alt="" class="mt-10">
                        </div>
                    </div>




                </div>
                <div>
                    <img src="../images/system/pic_06.png" alt="" class="mt-10">


                </div>

                <div>
                    <div class="index-content-left">
                        <div class="content-left-text">
                            负载
                        </div>
                        <div class="content-left-img text-c">
                            <img src="../images/system/pic_05.png" alt="" class="mt-10">
                        </div>
                    </div>

                    <div class="index-content-left">
                            <div class="content-left-text">
                                蓄电池组
                            </div>
                            <div class="content-left-img text-c">
                                    <img src="../images/system/pic_03.png" alt="" class="mt-10">
                            </div>
                        </div>

                </div>

            </div>
        </div>
    </div>

    <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
    <script src="../js/page-js/groupTree.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F33c961db25da2382848954e9eb968bb"></script>
    <script>
        $(function () {
            setWindowHeight();
            function setWindowHeight() {
                var height = $(window).height();
                var width = $(window).width();
                $('.main-content-right,.main-content-left-nav').css({
                    height: height - 20,
                    overflow: 'auto'
                })
                $('.main-content-right').css({
                    width: width - 320
                })
            }
            $(window).resize(function () {
                setWindowHeight();
            })

            var json = [

                {
                    //显示名称
                    "name": "实时监控",
                    //跳转名称
                    //用户等级
                    "userLevel": "",

                },
                {
                    "name": "警告查看",
                    "userLevel": "",

                },
                {
                    "name": "远程监控",
                    "userLevel": "",
                },
                {
                    "name": "模块参数",
                    "userLevel": "",
                    //下级
                    "children": [
                        {
                            "name": "太阳能模块",
                            "url": "#",
                            "userLevel": ""
                        },
                        {
                            "name": "风能模块",
                            "url": "#",
                            "userLevel": ""
                        },
                        {
                            "name": "油机/市电整流模块",
                            "url": "#",
                            "userLevel": ""
                        },
                        {
                            "name": "负载参数",
                            "url": "#",
                            "userLevel": ""
                        },
                        {
                            "name": "电池参数",
                            "url": "#",
                            "userLevel": ""
                        }
                    ]
                },
                {
                    "name": "数据管理与决策支持",
                    "userLevel": "",
                },



            ]
            showTree.tree(json)
        })


    </script>


</body>

</html>